<div id="dialog-edittempdevice" title="Edit Device">
    <form>
        <table class="display" id="edittable" border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td align="right" style="width:120px">
                <label>Idx: </label>
            </td>
			<td><span id="deviceidx"></span></td>
        </tr>
        <tr>
          <td align="right"><label for="devicename"><span data-i18n="Name">Name</span>: </label></td>
          <td><input type="text" id="devicename" style="width: 250px; padding: .2em;" class="text ui-widget-content ui-corner-all"></td>
        </tr>
		<tr>
			<td align="right"><label for="devicedescription"><span data-i18n="Description"></span>: </label></td>
			<td><textarea id="devicedescription" name="devicedescription" rows="4" style="width: 356px; padding: .2em;" class="text ui-widget-content ui-corner-all"></textarea></td>
		</tr>
        <tr>
          <td align="right"><label for="adjustment"><span data-i18n="Adjustment">Adjustment</span>: </label></td>
          <td><input type="text" id="adjustment" style="width: 40px; padding: .2em;" class="text ui-widget-content ui-corner-all"> &deg; <span id="tempcf">C</span></td>
        </tr>
		</table>
    </form>
</div>
<div id="dialog-edittempdevicesmall">
    <form>
        <table class="display" id="edittable" border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td align="right" style="width:120px">
                <label>Idx: </label>
            </td>
			<td><span id="deviceidx"></span></td>
        </tr>
        <tr>
          <td align="right"><label for="devicename"><span data-i18n="Name">Name</span>: </label></td>
          <td><input type="text" id="devicename" style="width: 250px; padding: .2em;" class="text ui-widget-content ui-corner-all"></td>
        </tr>
		<tr>
			<td align="right"><label for="devicedescription"><span data-i18n="Description"></span>: </label></td>
			<td><textarea id="devicedescription" name="devicedescription" rows="4" style="width: 356px; padding: .2em;" class="text ui-widget-content ui-corner-all"></textarea></td>
		</tr>
		</table>
    </form>
</div>
<div id="dialog-editsetpoint" title="Edit Set Point">
    <form>
        <table class="display" id="edittable" border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td align="right" style="width:120px">
                <label>Idx: </label>
            </td>
			<td><span id="deviceidx"></span></td>
        </tr>
        <tr>
          <td align="right"><label for="devicename"><span data-i18n="Name">Name</span>: </label></td>
          <td><input type="text" id="devicename" style="width: 230px; padding: .2em;" class="text ui-widget-content ui-corner-all"></td>
        </tr>
		<tr>
			<td align="right"><label for="devicedescription"><span data-i18n="Description"></span>: </label></td>
			<td><textarea id="devicedescription" name="devicedescription" rows="4" style="width: 356px; padding: .2em;" class="text ui-widget-content ui-corner-all"></textarea></td>
		</tr>
        <tr>
          <td align="right"><label for="setpoint"><span data-i18n="Set Point">Set Point</span>: </label></td>
          <td><input type="text" id="setpoint" style="width: 40px; padding: .2em;" class="text ui-widget-content ui-corner-all"> &deg; <span id="tempcf">C</span></td>
        </tr>
        <tr>
          <td align="right"><label for="until"><span data-i18n="Until">Until</span>: </label></td>
          <td><input type="text" id="until" style="width: 120px; padding: .2em;" class="text ui-widget-content ui-corner-all">&nbsp;<a class="btnsmall" onclick="return MakePerm('#until');" data-i18n="Permanent">Permanent</a></td>
        </tr>
		</table>
    </form>
</div>
<div id="dialog-editstate" title="Edit State">
    <form>
        <table class="display" id="edittable" border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td align="right" style="width:120px">
                <label>Idx: </label>
            </td>
			<td><span id="deviceidx"></span></td>
        </tr>
        <tr>
          <td align="right"><label for="devicename"><span data-i18n="Name">Name</span>: </label></td>
          <td><input type="text" id="devicename" style="width: 230px; padding: .2em;" class="text ui-widget-content ui-corner-all"></td>
        </tr>
		<tr>
			<td align="right"><label for="devicedescription"><span data-i18n="Description"></span>: </label></td>
			<td><textarea id="devicedescription" name="devicedescription" rows="4" style="width: 356px; padding: .2em;" class="text ui-widget-content ui-corner-all"></textarea></td>
		</tr>
        <tr>
          <td align="right"><label for="state"><span data-i18n="State">State</span>: </label></td>
          <td><select id="state" style="width: 60px; padding: .2em;" class="text ui-widget-content ui-corner-all"><option value="On">On</option><option value="Off">Off</option></select></td>
        </tr>
        <tr>
          <td align="right"><label for="until_state"><span data-i18n="Until">Until</span>: </label></td>
          <td><input type="text" id="until_state" style="width: 120px; padding: .2em;" class="text ui-widget-content ui-corner-all">&nbsp;<a class="btnsmall" onclick="return MakePerm('#until_state');" data-i18n="Permanent">Permanent</a></td>
        </tr>
		</table>
    </form>
</div>

<div class="container">
<gz-back-to-top></gz-back-to-top>
	<div id="tempcontent"></div>
	<div id="temptophtm">

		<div ng-include="'views/inc_topbar.html'"></div>

  </div>
  <div class="devicesList">
    <div id="tempwidgets" class="row divider">
      <h2 ng-show="ctrl.temperatures.length == 0" data-i18n="No Temperature sensors found or added in the system...">No Temperature sensors found or added in the system...</h2>
      <div ng-repeat-start="t in ctrl.temperatures" class="clearfix" ng-if="$index % 3 == 0 && !$first"></div>
      <dztemperaturewidget ng-repeat-end class="span4 itemBlock" id="{{t.idx}}" item="t" tempsign="config.TempSign" windsign="config.WindSign" ordering="config.AllowWidgetOrdering" dragwidget="DragWidget(idx)" dropwidget="DropWidget(idx)"></dztemperaturewidget>
    </div>
  </div>
</div>

